/*GLOBAL WHITESPACE RESET*/
	html, body,
	h1, h2, h3, h4, h5, h6,
	p,
	table, caption, tr, td, th,
	ul, ol, li, dl, dt, dd,
	form, legend, fieldset	{ margin: 0; padding: 0;}

/*BASIC ELEMENTS*/
	p, ul, ol, dl		{ margin: 0.8em 0;}
	ul, ol, dd		{ padding-left: 30px;}
	li ul, li ol		{ padding: 0 0 5px 15px;}
	table			{ margin: 1.2em 0;}
	body			{ font-size: 76%; line-height: 1.3em; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
	table			{ font-size: 100%;} /*IE 5.5 text too big bugfix*/
	h1			{ font-size: 1.7em; margin: 1.3em 0 1.3em; line-height: 1.5em;}
	h2			{ font-size: 1.5em; margin: 1.3em 0 1.3em; line-height: 1.5em;}
	h3			{ font-size: 1.3em; margin: 1.3em 0 1em; line-height: 1.3em; font-weight: bold;}
	h4			{ font-size: 1.2em; margin: 1.3em 0 1em; line-height: 1.3em; font-weight: bold;}
	h5			{ font-size: 1.1em; margin: 1.3em 0 1em; line-height: 1.3em; font-weight: bold;}
	h6			{ font-size:   1em; margin: 1.3em 0 1em; line-height: 1.3em; font-weight: bold;}
	p			{ font-size:   1em; margin: 1.2em 0;}
	address			{ font-style: normal;}
	label			{ font-weight: bold;}
	caption			{ font-weight: bold; text-align:left;}
	tr, td, th		{ vertical-align:top; text-align:left;}
	img			{ vertical-align:top;}

/*SPECIAL ELEMENTS*/
	img 			{ border: 0;}
	hr 			{ border: 0; border-top: 1px solid gray; height: 0; background: gray;}
	select   { border: 0; }
	input   { border: 0; }

/*TYPO*/
	body { font-size:9px;text-align:left; }
	#controls, #main { border-collapse:collapse; }
	#controls td { padding:2px; }
	#views li { font-size:14px; }
	#views .active { font-weight:bold; }
	#views li a { text-decoration:none; }
	#main th { text-align: center; }
	#main th, #main td {
		padding-left: 2px;
		padding-right: 2px;
	}
	#main .status, #main .actions { text-align: center; }
	#torrent { font-size:12px; }
	#settings { font-size:12px; }
	#ooops { font-size:16px; }
	#ooops h1 { font-size:30px; }
	
/*LAYOUT*/
	#controls { margin:5px auto 5px auto; }
	#wraper, #views, #views ul { margin:0; }
	#views li {
	    float:left;
	    display:inline;
	    margin:0 5px 0 5px;
	    padding:2px;
	}
	#wraper { clear:both;padding:10px; }
	#main { margin:5px auto 5px auto; }
	#main .size { width:100px; }
	#main .message { width:120px; }
	#main .actions { width:80px; }
	#main .processbar { width:50px;height:5px; }
	#main .processbar div { height:5px; }
	#torrent .processbar { width:50px;height:10px; }
	#main .percent, #torrent .percent { float:right; }
	#main .priority input { width:100%; }
	#torrent { margin:auto;width:300px; }
	#torrent div { margin:5px; }
	#torrent .processbar div { height:10px;margin:0; }
	#settings { margin:auto;width:500px; }
	#settings .description { padding-bottom:10px; }
	#ooops li { padding:5px;}
	#controls .url { width:150px; }

/*BORDERS*/
	#controls { border: 1px solid #000; }
	#controls .url { border: 1px solid #4e9a06; }
	#controls td { border: 1px solid #000; }
	#views li {
	    border-top:1px solid black;
	    border-right:1px solid black;
	    border-left:1px solid black;
	}
	#main { border: 1px solid #2e3436; }
	#main th, #main td {
		border-right: 1px solid #2e3436;
		border-bottom: 1px solid #2e3436;
	}
	#main .processbar, #torrent .processbar { border: 1px solid black; }
	#settings input, #settings select { border: 1px solid #ccc; }

/*COLORS*/
	/*colors styles including background images go here*/
	body { background: #515151; }
	a, a:link, a:active, a:hover, a:visited { color:#000; }
	#controls, #wraper, #views li { background:#fff; }
	#controls .start, #controls .stop, #controls .delete,
	#controls .addurl, #controls .open {
		width:32px;
		height:32px;
	}
	#controls .start{
		background: url(/static/images/go-next.png);
	}
	#controls .stop{
		background: url(/static/images/media-record.png);
	}
	#controls .delete{
		background: url(/static/images/list-remove.png);
	}
	#controls .addurl{
		background: url(/static/images/list-add.png);
	}
	#controls .open{
		background: url(/static/images/document-open.png);
	}
	#main th {
		color:#204a87;
		background:#7CA0C7 url(/static/images/default-bg.gif) repeat-x scroll left top;
	}
	#main td {
		color:#2e3436;
	}
	#main .processbar div, #torrent .processbar div { 
	    background:#7CA0C7 url(/static/images/default-bg.gif) repeat-x scroll left top;
    }
    #settings .description { color: #666; }
